<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>客房预定</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="__INDEX__/js/mui.min.js"></script>
	    <link href="__INDEX__/css/mui.min.css" rel="stylesheet"/>
		<link rel="stylesheet" href="__INDEX__/css/style.css" />
		<link rel="stylesheet" href="__INDEX__/css/hykcz.css" />
		
	</head>
	<body class="czfa_content">
		<header class="mui-bar mui-bar-nav" >
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" ></a>
		    <h1 class="mui-title" >客房预定</h1>
		</header>
		<div class="mui-content" style="background: white;">
			<div class="tab_line1">
				<div class="tab_d1 active" >全部预定 </div>
				<div  class="tab_d1" >客房预定 </div>
				<div  class="tab_d1">餐厅预定 </div>
			</div>
				<ul class="yd_hslist" >
					<li><a href="" class="clearfix"><div class="index_sjimg"><img src=""></div>
						<div class="index_sjinfo">
							<div class="index_spname">**餐厅<em>状态</em></div>
							<div class="yd_spstyle">预约时间：333</div>
							<div class="yd_spstyle">总价：333<button>查看</button></div>
						</div></a>
					</li>
					<li><a href="" class="clearfix"><div class="index_sjimg"><img src=""></div>
						<div class="index_sjinfo">
							<div class="index_spname">**餐厅</div>
							<div class="index_spstyle">预约时间：333</div>
							<div class="index_spstyle">总价：333</div>
						</div></a>
					</li>
					<li><a href="" class="clearfix"><div class="index_sjimg"><img src=""></div>
						<div class="index_sjinfo">
							<div class="index_spname">**餐厅</div>
							<div class="index_spstyle">预约时间：333</div>
							<div class="index_spstyle">总价：333</div>
						</div></a>
					</li>
				</ul>
		
			
		</div>
			<form method="post" id="my_form">
				<input type="hidden" name="cz_id" id="cz_id" >
			</form>
	</body>
</html>
{include file="public/footer" /}
<script>
	$(".hycz_list li").click(function(){
		$(".active").removeClass("active");
		$(this).addClass("active");
		$("#cz_id").val($(this).data('val'));
	})
	$(".hyk_btn").click(function(){
		var cz_money=$(".active").data("val");
		if(cz_money==undefined){
			layer.msg("请选择充值套餐");
			return;
		}else{
//			if($('#checkbox').is(':checked')==false) {
//				    layer.msg('请阅读购买协议');
//				    return;
//			}
			var btnArray = ['不同意', '同意'];
				mui.confirm('确认购买！', '确认购买', btnArray, function(e) {
					 if (e.index == 1) {
					 	$("#my_form").submit();
					 }
			})
		}
		
	})
</script>